<!-- 教练 – 我的 – 星级标准		standard -->
<template>
	<view class="warps">
		<view class="w90">
			<view class="f b">
				<view>
					<image style="width: 88rpx;height: 88rpx;" src="../../../static/img/090.png" mode=""></image>
				</view>
				<view class="vw70">
					<view class="vw50 f b c">
						<view>
							<text class="">星级</text>
						</view>
						<view class="" style="width: 300rpx;height:40rpx;">
							<u-line-progress :striped="true" :percent="80" active-color="#1F73F2" :striped-active="true"></u-line-progress>
						</view>
					</view>
					<view class="vw50 f b c p_t_20">
						<view class="vw40 f b c">
							<text>距离完成</text>
							<text>一星级</text>
							<text>剩余</text>
						</view>
						<view>
							<text class="blue">20%</text>
						</view>
					</view>
				</view>
			</view>
			<view class="standard-kuan">
				<view class="quanxian m_t_80"></view>
				<view class="quanxian m_t_100"></view>
				<view class="shuxian" style="position:absolute;top:195rpx;left:240rpx;"></view>
				<view class="standard-con">
					<view>
						<view class="f b c p_t_31">
							<view>
								<text>星级:</text>
							</view>
							<view class="vw60 f b c">
								<view>
									<text>一星级</text>
								</view>
								<view>
									<image style="width: 16rpx;height: 16rpx;" src="../../../static/img/102.png" mode=""></image>
								</view>
							</view>
						</view>
						<view class="f b c p_t_40">
							<view>
								<text>课时费</text>
							</view>
							<view class="vw60 f b c">
								<view>
									<text class="fs24">* 64节课时以内，课时费25元</text>
								</view>
							</view>
						</view>
						<view class="quanxian" style="width:70%;margin-left:210rpx;margin-top:15rpx;"></view>
						<view class="f b c p_t_20">
							<view>
								
							</view>
							<view class="vw60 f b c">
								<view>
									<text class="fs24">* 64节课时以内，课时费25元</text>
								</view>
							</view>
						</view>
						<view class="quanxian" style="margin-top:10rpx;"></view>
						<view class="f b c p_t_10">
							<view class="f d c">
								<text class="fs24">课时费补助</text>
								<text class="fs20 hui">(服务满一年)</text>
							</view>
							<view class="vw60 f b c">
								<view>
									<text class="fs24">0</text>
								</view>
							</view>
						</view>
						<view class="quanxian" style="margin-top:10rpx;"></view>
						<view class="f b c p_t_10">
							<view class="f d c">
								<text class="fs24">客人投诉</text>
							</view>
							<view class="vw60 f b c">
								<view>
									<text class="fs24">0</text>
								</view>
							</view>
						</view>
						<view class="quanxian" style="margin-top:10rpx;"></view>
						<view class="f b c p_t_10">
							<view class="f d">
								<text class="fs24">月末双评分</text>
								<text class="fs20 hui">(管理权重60%)</text>
							</view>
							<view class="vw60 f b c">
								<view>
									<text class="fs24">8.5</text>
								</view>
							</view>
						</view>
						<view class="quanxian" style="margin-top:10rpx;"></view>
						<view class="f b c p_t_10">
							<view class="f d">
								<text class="fs24">线上学员</text>
								<text class="fs20 hui">优质点评</text>
							</view>
							<view class="vw60 f b c">
								<view>
									<text class="fs24">月均 2</text>
								</view>
							</view>
						</view>
						<view class="quanxian" style="margin-top:10rpx;"></view>
						<view class="f b c p_t_10">
							<view class="f d">
								<text class="fs24">销课节数</text>
								<text class="fs20">(满课率4.0-5.0)</text>
							</view>
							<view class="vw60 f b c">
								<view>
									<text class="fs24">月均 48-64</text>
								</view>
							</view>
						</view>
						<view class="quanxian" style="margin-top:10rpx;"></view>
						<view class="f p_t_10">
							<view class="f d">
								<text class="fs24">销课人数</text>
								<text class="fs20 hui">(满课率4.0-5.0)</text>
							</view>
							<view class="vw30 f b c m_l_60">
								<view>
									<text class="fs24">满班率 0</text>
								</view>
								<view>
									<text class="fs24">满班率 0</text>
								</view>
							</view>
						</view>
						<view class="quanxian" style="margin-top:10rpx;"></view>
						<view class="f b c p_t_10">
							<view class="f d">
								<text class="fs24">续费人</text>
								<text class="fs20 hui">(续费率)</text>
							</view>
							<view class="vw60 f b c">
								<view>
									<text class="fs24">月均 0</text>
								</view>
							</view>
						</view>
						<view class="quanxian" style="margin-top:10rpx;"></view>
						<view class="f b c p_t_10">
							<view class="f d">
								<text class="fs24">体验办卡</text>
								<text class="fs20 hui">(体验成交率)</text>
							</view>
							<view class="vw60 f b c">
								<view>
									<text class="fs24">月均 1</text>
								</view>
							</view>
						</view>
						<view class="quanxian" style="margin-top:10rpx;"></view>
						<view class="f b c p_t_10">
							<view class="f d p_t_60 m_l_45">
								<text class="fs24">专业技能</text>
							</view>
							<view class="vw65">
								<view class="vw30 f b c" style="margin-left:220rpx;padding-top:10rpx;">
									<text>女</text>
									<text>男</text>
								</view>
								<view class="quanxian" style="margin-top:20rpx;margin-left:10rpx;"></view>
								<view class="vw60 f b c" style="margin-left:30rpx;padding-top:15rpx;">
									<text class="fs24">自由泳</text>
									<text class="fs24">20米28秒内</text>
									<text class="fs24">20米25秒内</text>
								</view>
								<view class="shuxians"  style="position:absolute;top:900rpx;left:330rpx;"></view>
								<view class="quanxian" style="margin-top:20rpx;margin-left:10rpx;"></view>
								<view class="vw60 f b c" style="margin-left:30rpx;padding-top:15rpx;">
									<text class="fs24">自由泳</text>
									<text class="fs24">20米28秒内</text>
										<text class="fs24">20米25秒内</text>
									</view>
									<view class="shuxians"  style="position:absolute;top:900rpx;left:520rpx;"></view>
									<view class="quanxian" style="margin-top:20rpx;margin-left:14rpx;"></view>
								<view class="vw60 f b c" style="margin-left:30rpx;padding-top:15rpx;">
									<text class="fs24">自由泳</text>
									<text class="fs24">20米28秒内</text>
									<text class="fs24">20米25秒内</text>
								</view>
							</view>
						</view>
						<view class="quanxian" style="margin-top:20rpx;margin-left:10rpx;"></view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		onLoad() {
			// 动态导航条文字
			uni.setNavigationBarTitle({
				title: '星级标准'
			})
		},
		methods: {
			
		}
	}
</script>

<style scoped>
	.warps {
		height:120vh;
		overflow: hidden;
		background-color: #fff;
	}
	.standard-kuan{
		width:100%;
		height:1130rpx;
		margin-top:46rpx;
	}
	.standard-con{
		width:686rpx;
		height:1130rpx;
		position:absolute;
		/* border:2rpx solid red; */
		top:200rpx;
		left:30rpx;
	}
	.shuxian{
		width: 2rpx;
		height:1180rpx;
		border-left:2rpx solid #ececec;
	}
	.shuxians{
		width: 2rpx;
		height:280rpx;
		opacity: 1;
		border: 2rpx solid #f3f3f3;
	}
</style>
